import styled  from "styled-components";
export const SLogin = styled.div`
*{
    padding: 0;
    margin: 0;
}
.title{
    margin: 30px auto 30px auto;
    text-align:center;
}
.title h2 ,.title h1{
    color:#18368b;

}

.user{
    width: 1320px;
 
    margin: auto;
    box-sizing: border-box;
    padding: 10px 20px;
}
.user_info{ 
    border: 1px solid #b8b7b6;
    box-sizing: border-box;
    padding: 30px 40px;
    width:550px;
    margin:auto;
}
.user_info p span {
    color:#18368b;
    text-decoration: underline;
}
.user_info label input{ 
    width:470px;
    height: 53px;
    border: 1px solid #b8b7b6;
    background-color: #f6f6f6;
    color:#555555;
    font-size: 20px;
    text-indent: 1em;
}
.user_info p{
    font-size: 12px;
    margin: 10px 0
}

.user_info p span{
    color: red;
}
.check{
    marign: 8px 0 0 0;
    width:20px;
    height: 20px;
    line-height: 30px;
}
.user_info .btn_login{
    width:245px;
    margin:auto;
}
.user_info button {
    text-align: center;
    margin: 60px auto 10px auto;
    width: 245px;
    height: 55px; 
    color: #ffffff;
    background-color: #000000;

}
.go_regist{
    text-align:center;
}
.go_regist span{
    cursor: pointer;
}
`